<template>
  <div>
    <a-form
      ref="formRef"
      :model="formParam"
      :hideRequiredMark="isStatus === '详情'"
      v-bind="formItemLayout"
    >
      <a-card title="合并列">
        <v-table
          :keys="keys"
          :columns="columns"
          :formParam="formParam"
          :disabledConfig="{
            all: isStatus === '详情',
          }"
          :optionConfig="{
            userOption,
          }"
          :pagination="false"
          :bordered="true"
          :inline="false"
        >
          <template #default="{ column, record, index }">
            <template v-if="column.dataIndex === 'step'">
              <div class="content">
                <h3>一、作业前</h3>
                <p>1.对作业人员资质、安全防护设备、个体防护用品进行检查。</p>
                <p>
                  2.吊装现场周围应设置安全警示带，禁止非工作人员入内、进入吊装区域。
                </p>
                <p>
                  3.对起重机械、滑轮、吊具和地锚等进行检查，必须符合安全要求。吊装大、重构件和采用新的吊装工艺时，应编制吊装方案，辨识风险、制定并落实防范措施，进行试吊，确认无问题后，方可正式起吊。
                </p>
                <p>
                  4.绑扎所用的吊索、卡环、绳扣等的规格应根据计算确定。起吊前，应对起重机钢丝绳及连接部位和吊具进行检查
                </p>
                <p>
                  5.雨雪后进行吊装作业前，应及时清理冰雪并应采取防滑和防漏电措施，先试吊，确认制动器灵敏可靠后方可进行作业。
                </p>
                <h3>二、作业中</h3>
                <p>1.大雨、雾、大雪及六级以上大风等恶劣天气应停止吊装作业。</p>
                <p>
                  2.吊起的构件应确保在起重机吊杆顶的正下方，严禁采用斜拉、斜吊，严禁起吊埋于地下或粘结在地上的构件。
                </p>
                <p>
                  3.起吊过程中，在起重机行走、回转、俯仰吊臂、起落吊钩等动作前，起重司机应鸣声示意。一次只宜进行一个动作，待前一动作结束后，再进行下一动作。
                </p>
                <p>
                  4.对起吊物进行移动、吊升、停止、安装时的全过程应采用旗语或通用手势信号进行指挥，信号不明不得启动，上下联系应相互协调，也可采用通信工具；对起吊物进行移动、吊升、停止、安装时的全过程应采用旗语或标准手势信号进行指挥，信号不明不得启动，上下联系应相互协调，也可采用通信工具。
                </p>
                <p>5.屋架等长构件吊装时，两端需设置溜绳。</p>
                <p>6.严格执行“十不吊”。</p>
                <p>
                  7.吊装作业时，任何人发出的紧急停车信号均应立即执行；吊装过程中出现故障，应立即向指挥人员报告。
                </p>
                <p>
                  8.吊物起吊至200-300mm高度，应暂停起升并确认吊挂平稳、制动良好，吊物四周无阻挡无摩擦切割物后再继续起吊。
                </p>
                <p>
                  9.吊装物未落到作业人员胸部以下时，禁止手扶调整吊装物，应使用杆、钩、绳等物品进行牵引调整。吊装物未采取可靠刚性支撑，严禁肢体进入吊装物下。
                </p>
                <p>
                  10.两台及以上起重机械吊运同一重物时，运行应保持同步；各台起重机械所承受的载荷不得超过各自额定起重能力的
                  80％。
                </p>
                <p>
                  11.在输电线路附近作业应保持足够的安全距离；不能满足时，应停电后再进行起重作业。
                </p>
                <p>
                  12.吊物装车应使用长铁钩辅助以防挤伤；封车稳定牢固。物件放置的两端应有足够宽并高于脚尖的垫物。
                </p>
                <h3>三、作业后</h3>
                <p>
                  1.设备复位与检查。检查设备有无异常磨损或故障，回收吊具索具并分类存放。
                </p>
                <p>2.拆除警戒线，整理工具，恢复现场环境。</p>
              </div>
            </template>
            <template v-if="column.dataIndex === 'method'">
              <div class="content" v-html="record?.method || ''"></div>
            </template>
          </template>
        </v-table>
      </a-card>
    </a-form>
  </div>
</template>

<script setup>
import { ref } from "vue";
import { formItemLayout, columns, data } from "./index.js";
import { message } from "ant-design-vue";
import dayjs from "dayjs";
import tool from "@/utils/tool";

const emit = defineEmits(["callback"]);
const props = defineProps({});

// ref
const formRef = ref(null);
// option
const userOption = [
  {
    id: "小黄",
    name: "小黄",
  },
  {
    id: "小官",
    name: "小官",
  },
];
const workOperation = [];
const treeOption = ref([]);

// data
const keys = "methodList";
const isStatus = ref("填写");
const formParam = ref({
  [keys]: data,
});
</script>

<style lang="scss" scoped>
.content {
  h3,
  :deep(p) {
    margin: 0 !important;
  }
}
</style>
